<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../js/utils/mock-min.js"></script>
    <script src="../js/utils/jquery.min.js"></script>
    <script src="../js/utils/idadd.js"></script>
    <script src="../js/components/添加茶叶前端.js"></script>
    <script src="../js/API/添加茶叶后端.js"></script>

    <title>Document</title>
    <style>
        .box {
            width: 300px;
            height: 300px;
            border: 1px solid black;
        }

        .box img {
            width: 300px;
            height: 300px;
        }
    </style>
</head>

<body>
    茶叶名称<input type="text" id="teaName"><br>
    茶叶类型
    <select  id="teaType">
        <option value="0">绿茶</option>
        <option value="1">黄茶</option>
        <option value="2">乌龙茶</option>
        <option value="3">红茶</option>
        <option value="4">黑茶</option>
        <option value="5">白茶</option>
        <option value="6">花茶</option>
    </select>
    <br>
    茶叶价格<input type="number" id="teaPrice"><br>
    茶叶图片<input type="file" id="teaImg" onchange="getimgname()">
    <br>
    <div class="box">

    </div>
    <button onclick="addTea()">添加茶叶</button>

</body>
<!-- <script>
    // 茶  class类     id  teaName   teaType(0-6)  teaImg teaPrice  teaDescribe  
    //使用<textarea name="" id="" cols="10" rows="10"></textarea>
</script> -->

</html>